<%-- 
    Document   : listaArea
    Created on : 26/10/2009, 05:08:37 PM
    Author     : ADMINISTRADOR
--%>

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@taglib prefix="r" uri="http://richfaces.ajax4jsf.org/rich" %>

<script language="javascript" src="../js/funciones.js"></script>
<link href="/colegiatura/Estilos/estilosEsymons.css" rel="stylesheet" type="text/css" />

<f:view>
<h:form >
<table width="100%" border="0">
  <tr>
    <td colspan="5" align="center" class="texto3">
        <h:outputLabel value="Mantenimiento de Áreas" styleClass="texto3" /></td>
  </tr>
  <tr><td colspan="5" align="left" class="texto12" height="20">
        <h:commandButton action="#{areaController.nuevo}" value="Nueva Área" styleClass="enlace9" /></td>
  </tr>
  <tr>
      <td colspan="5" height="15"></td>
  </tr>
</table>
  <r:dataTable value="#{areaController.listaAreas}" var="area" rows="10" rowClasses="TableImpar,TablePar"
       reRender="dt" id="TableAreas" border="0"  headerClass="texto18">
      <r:column width="30%" filterBy="#{area.areNombre}" filterEvent="onkeyup">
            <f:facet name="header">
                <h:outputLabel value="Área" />
            </f:facet>
            <h:outputLabel value="#{area.areNombre}" styleClass="texto20" />
        </r:column>
       <r:column width="60%">
            <f:facet name="header">
                <h:outputLabel value="Descripción" />
            </f:facet>
            <h:outputLabel value="#{area.areDescripcion}" styleClass="texto20" />
        </r:column>
        <r:column width="10%">
            <h:commandButton action="editar" image="/imagenColegiatura/editar.png" title="Editar">
                <f:setPropertyActionListener target="#{areaController.area}" value="#{area}"/>
            </h:commandButton>&nbsp;&nbsp;
            <h:commandButton action="#{areaController.remover}" image="/imagenColegiatura/eliminar.png" title="Eliminar">
                <f:setPropertyActionListener target="#{areaController.area}" value="#{area}"/>
            </h:commandButton>
        </r:column>
        <f:facet name="footer">
              <r:datascroller id="dt" renderIfSinglePage="false"></r:datascroller>
        </f:facet>
    </r:dataTable>
</h:form>
</f:view>
